<template>
	<div>
		<div class="logo-box">
			<el-image class="logo-img" :fit="fit" :src="logo" alt="logo-image" />
			<!-- <el-image class="logo-txt" :fit="fit" :src="titleTitle" alt="logo-title" /> -->
		</div>
	</div>
</template>

<script>
import logoImage  from '@/assets/images/logo-image.png'
import titleTitle from '@/assets/images/logo-title.png'
import logo from '@/assets/images/logo.png'
export default {
	name: "WLogo",
	data() {
		return {
			logoImage,
			titleTitle,
			logo,
			fit: 'fill',
		}
	}
}
</script>

<style lang="scss" scoped>
	.logo-box {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 300px;
		height: 100px;
		background-color: #4d74fb;

		.logo-img {
			width: 100%;
			height: 100%;
			/*margin-right: 3px;*/
		}

		.logo-txt {
			width: 188px;
			height: auto;
		}
	}
</style>
